<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>舒尔特表训练</title>

    <script type="text/javascript" src="/Scripts/require.js"></script>
    <script type="text/javascript" src="/Scripts/route.js"></script>
    <script type="text/javascript">
        loadFile_CSS_Link([
            ToResourceURL(1, "/Styles/base.css"),
            "./_page.css",
            "./Day003.css",
        ]);

        require([
            ToResourceURL(1, "/Scripts/jquery-2.2.4.min.js"),
            "./Day003.js",
        ], function (r1, page) {
            page.Run();
        });
    </script>
</head>
<body>
    <div class="panel_box ShultGrid LevitationZone_Right assembly_end">
        <div class="closeBtn iconsvg" data-resourceid="1" src="/Projects/Icons/svgs/angles-right-solid.svg"
            onclick="$(this).parents('.ShultGrid').toggleClass('hide');"></div>
        <div class="introduce">
            <div class="example">
                <img class="img" src="./images/example_ShultGrid.png" />
            </div>
            <div class="describe">
                <span class="span title">舒尔特方格介绍</span>
                <span class="span">舒尔特方格是美国神经心理医生舒尔特发明的一种用于训练注意力的游戏，训练历史已有数十年，效果非常显著。</span>
                <span class="span">舒尔特方格是由n*n个数字格子组成的正方形表格，练习者应当从1开始依次点击页面上所有的方格，点击完毕即为胜利。</span>
                <span class="span title">成绩判定</span>
                <span class="span">以完成时间作为判断标准，完成时间越短，成绩越好。</span>
                <span class="span">每局游戏结束后都将给出完成游戏所用的时间，并且可以提交成绩至排行榜。</span>
            </div>
        </div>
        <script id="IDHTML_Template_ShultGrid_choice" type="text/html">
            <span class="item" onclick="selected_config(this);" data-x="{{x}}" data-y="{{y}}">{{x}} x {{y}}</span>
        </script>
        <div id="IDHTML_Box_ShultGrid_choice" class="choice"></div>
    </div>
    <div class="panel_box ShultGrid LevitationZone_Left assembly_end">
        <div class="closeBtn iconsvg" data-resourceid="1" src="/Projects/Icons/svgs/angles-right-solid.svg"
            onclick="$(this).parents('.ShultGrid').toggleClass('hide');"></div>
        <div class="introduce">
            <div class="describe">
                <span class="span title">游戏规则</span>
                <span class="span">1: 点击 [ 开始游戏 ] 按钮</span>
                <span class="span">2: 依次点击 1 ~ 16</span>
                <span class="span">3: 游戏胜利</span>
                <span class="span title">评分</span>
                <script id="IDHTML_Template_ShultGrid_score_content" type="text/html">
                    <span class="span title">{{x}}x{{y}}</span>
                    {{ each scores m index}}
                    <span class="span">{{ m.describe }}</span>
                    {{ /each }}
                </script>
                <div id="IDHTML_Box_ShultGrid_score_content" class="score_content"></div>
            </div>
        </div>
    </div>
    <div class="panel_box ShultGrid main">
        <div class="time">
            <span class="value minute" id="IDHTML_Span_minute">00</span>
            <span class="value">分钟</span>
            <span class="value second" id="IDHTML_Span_second">00</span>
            <span class="value">秒</span>
            <span class="value millisecond" id="IDHTML_Span_millisecond">00</span>
        </div>
        <script id="IDHTML_Template_ShultGrid_table_row" type="text/html">
            {{ each tables row index}}
            <div class="row">
                {{ each row grid index}}
                <div class="grid" onclick="selected_grid(this);" data-number="{{ grid }}">
                    <span class="number">{{ grid }}</span>
                </div>
                {{ /each }}
            </div>
            {{ /each }}
        </script>
        <div id="IDHTML_Box_ShultGrid_table" class="table"></div>
        <div class="control">
            <div class="button start assembly_end" onclick="game.ReDrawTables(); game.Start();">开始游戏</div>
            <div class="button restart" onclick="game.Start();">重新开始</div>
        </div>
    </div>
</body>
</html>
